@charset "utf-8";/*转译编码,国内网页都是gb2312的编码,如果想使用utf-8的编码的话需要先转译*/
/* header的整体布局 */
.header{
    padding: 1px 0;/*内边框上下宽度,左右宽度*/
    font-size: 0;/*像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度*/
}
.header .header-wapper{
    margin: 12px 30px;/*外边框上下宽度,左右宽度*/
    height: 40px;/*设置段落的高度*/
}
/* header的整体布局==end */
/* logo部分 */
.header .logo{
    display: inline-block;/*行内非替换元素*/
    height: 40px;/*设置段落的高度*/
    position: relative;/*生成相对定位的元素，相对于其正常位置进行定位*/
    margin-right: 30px;/*右外边框*/
    vertical-align: middle;/*把此元素放置在父元素的中部*/
}
.header .logo::after{/*在每个所选元素的内容之后插入新内容*/
    content: "";/*content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容*/
    position: absolute;/*生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位*/
    display: block;/*此元素将显示为块级元素，此元素前后会带有换行符*/
    width: 1px;/*定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距*/
    height: 14px;/*设置段落的高度*/
    background-color: #EEF1F3;/*设置元素的背景颜色*/
    right: -31px;/*规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移*/
    top: 50%;/*规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移*/
    margin-top: -7px;/*上外边框*/
}
.header .logo img{
    display: block;/*此元素将显示为块级元素，此元素前后会带有换行符*/
    width: 1px;/*定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距*/
    height: 100%;/*设置段落的高度*/
}
/* logo部分==end */
/* 左边的菜单 */
.header .leftmenu{
    height: 100%;/*设置段落的高度*/
    line-height: 40px;/*设置行间的距离（行高）*/
    display: inline-block;/*行内非替换元素*/
    vertical-align: middle;/*把此元素放置在父元素的中部*/
}
.header .leftmenu>li{
    font-size: 16px;/*像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度*/
    margin-left: 30px;/*左外边框*/
    display: inline-block;/*行内非替换元素*/
    position: relative;/*生成相对定位的元素，相对于其正常位置进行定位*/
    color: #3A3D40;/*规定文本的颜色*/
}
.header .leftmenu>li a{
    color: #3A3D40;/*规定文本的颜色*/
}
.header .leftmenu>li .icon-tanhaoblack{
    margin-left: 6px;/*左外边框*/
    vertical-align: middle;/*把此元素放置在父元素的中部*/
}
.header .leftmenu>li.font-blue{
    color: #2e9fff;/*规定文本的颜色*/
}
.header .leftmenu>li.font-blue a{
    color: #2e9fff;/*规定文本的颜色*/
}

.header .leftmenu>li:hover{
    color: #2e9fff;/*规定文本的颜色*/
}
.header .leftmenu>li:hover a{
    color: #2e9fff;/*规定文本的颜色*/
}
/* 左边的菜单==end */
/* 右边的菜单 */
.header .rightmenu{
    height: 40px;/*设置段落的高度*/
    float: right;/*定义元素在哪个方向浮动,浮动元素会生成一个块级框，而不论它本身是何种元素*/
}
.header .rightmenu li{
    height: 40px;/*设置段落的高度*/
    line-height: 40px;/*设置行间的距离（行高）*/
    display: inline-block;/*行内非替换元素*/
    font-size: 0;/*像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度*/
    margin-right: 20px;
    color: #3A3D40;/*规定文本的颜色*/
    position: relative;/*生成相对定位的元素，相对于其正常位置进行定位*/
    vertical-align: middle;/*把此元素放置在父元素的中部*/
}
.header .rightmenu li a{
    font-size: 14px;/*像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度*/
}
.header .rightmenu .btn{
    display: inline-block;/*行内非替换元素*/
    height: 40px;/*设置段落的高度*/
    width: 90px;/*定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距*/
    background-color: #2e9fff;
    color: #fff;/*规定文本的颜色*/
    padding: 0 15px;/*内边框上下宽度,左右宽度*/
    text-align: center;/*把文本排列到中间*/
    border-radius: 100px;/*为元素添加圆角边框*/
    font-size: 0;/*像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度*/
}
.header .rightmenu .btn .icon,.header .rightmenu .btn span{
    vertical-align: middle;/*把此元素放置在父元素的中部*/
    font-size: 16px;/*像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度*/
}
.header .rightmenu .btn .icon-pen{
    margin-right: 4px;/*右外边框*/
}
/* 右边的菜单==end */